<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="framework/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/businessList.css" rel="stylesheet">
    <title>饿了么 商家列表</title>
    <link rel="shortcut icon" href="img/elm_icon.ico">
</head>
<body>
    <div class="wrapper">
        <!-- header部分 -->
        <header>
            <p>商家列表</p>
        </header>
        <!-- 商家列表部分 -->
        <ul class="business">
            <li onclick="location.href='businessInfo.html'">
                <div class="business-img">
                    <img src="img/sj01/cover.jpg" alt="">
                    <div class="business-img-quantity">3</div>
                </div>
                <div class="business-info">
                    <h3>板烧厨房·排骨饭（天南大店）</h3>
                    <div class="business-info-delivery">起送&#165;10&nbsp;&nbsp;配送&#165;2</div>
                    <div class="business-info-explain">"小迷你水果捞分量很足"</div>
                </div>
            </li>
            <li onclick="location.href='businessInfo.html'">
                <div class="business-img">
                    <img src="img/sj02/cover.jpg" alt="">
                    <div class="business-img-quantity">2</div>
                </div>
                <div class="business-info">
                    <h3>肯德基宅急送（天津大学店）</h3>
                    <div class="business-info-delivery">起送&#165;0&nbsp;&nbsp;配送&#165;6</div>
                    <div class="business-info-explain">"热情掌柜"</div>
                </div>
            </li>
            <li onclick="location.href='businessInfo.html'">
                <div class="business-img">
                    <img src="img/sj03/cover.jpg" alt="">
                </div>
                <div class="business-info">
                    <h3>榕心厨房（天大校内店）</h3>
                    <div class="business-info-delivery">起送&#165;15&nbsp;&nbsp;配送&#165;2</div>
                    <div class="business-info-explain">"来了份黑椒鸡排意大利面，现在贼满足"</div>
                </div>
            </li>
            <li onclick="location.href='businessInfo.html'">
                <div class="business-img">
                    <img src="img/sj04/cover.jpg" alt="">
                </div>
                <div class="business-info">
                    <h3>泰诗兰</h3>
                    <div class="business-info-delivery">起送&#165;0&nbsp;&nbsp;配送&#165;2</div>
                    <div class="business-info-explain">"给宫爆鸡丁米饭一百昏！"</div>
                </div>
            </li>
        </ul>
        <!-- 底部菜单部分 -->
        <ul class="footer">
            <li onclick="location.href='index.html'">
                <i class="fa fa-home"></i>
                <p>首页</p>
            </li>
            <li>
                <i class="fa fa-compass"></i>
                <p>发现</p>
            </li>
            <li onclick="location.href='orderList.html'">
                <i class="fa fa-file-text-o"></i>
                <p>订单</p>
            </li>
            <li>
                <i class="fa fa-user-o"></i>
                <p>我的</p>
            </li>
        </ul>
    </div>
</body>
</html>